<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <script>


        var str1 = 'hi' ;

        var str2 = 'hI123' ;


        console.log(str1.toUpperCase()) ;  // 转为大写

        console.log(str2.toLowerCase()) ;  // 转为小写


        if(str1.toUpperCase() === str2.toUpperCase()) {
            alert('相等') ;
        } else {
            alert('不') ;
        }




        // 思路：把这两个字符串都转成大写或者都转成小写再进行判断


        // // 判断每一位都相等才可以
        // if(str1.length !== str2.length) {
        //     alert('不') ;
        // } else {
        //     var flag = true ;
        //     for(var i = 0 ; i < str1.length ; i++) {
        //         // 必须完全一样的
        //         // if(str1[i] === str2[i]) { }

        //         var n = str1.charCodeAt(i) - str2.charCodeAt(i) ;
        //         if(Math.abs(n) !== 32 && n !== 0) {
        //             flag = false ;
        //             break ;
        //         }
        //     }

        //     if(flag) {
        //         alert('相等')
        //     } else {
        //         alert('不')
        //     }
        // }
       

    </script>
    
</body>
</html>